<template>
  <Tabs @on-click="clickTabPane" name="testcase-tabs" :animated="true">
    <TabPane name="testcase" label="测试用例">
      <Testcase ref="testcase"></Testcase>
    </TabPane>
    <TabPane name="testsuite" label="测试场景">
      <Testsuite ref="testsuite"></Testsuite>
    </TabPane>
    <TabPane name="testsuite-set" label="测试场景集">
      <TestsuiteSet ref="testsuite-set"></TestsuiteSet>
    </TabPane>
  </Tabs>
</template>

<script>
import Testcase from "@/view/components/HttpAutoTestService/testcase";
import Testsuite from "@/view/components/HttpAutoTestService/testsuite";
import TestsuiteSet from "@/view/components/HttpAutoTestService/testsuite-set";

export default {
  name: "testcase-testsuite",
  components: {
    Testcase,
    Testsuite,
    TestsuiteSet,
  },
  methods: {
    clickTabPane(val) {
      this.$refs[val].search();
      // this.$refs["testcase"].showDrawer = val == "testcase" ? true : false;
    },
  },
};
</script>

<style scoped>
</style>
